/*
 *@description:数据溯源页面
 *@Author:@rennan
 *@Date:2024-09-23 14:51:09
 *@version: V1.0.0
 *@plugins:logicflow
 */
<template>
  <div class="container" ref="container">
    <!-- 数据溯源 -->
  </div>
</template>

<script>
import LogicFlow from "@logicflow/core";
import "@logicflow/core/lib/style/index.css";
import { Control, Menu, DndPanel, SelectionSelect } from "@logicflow/extension";
import '@logicflow/extension/lib/style/index.css';

import { RegisterCustomElement } from './register';

import dataList from './mockData.js'
export default {
  data() {
    return {
      lf: null
    }
  },
  mounted() {
    const that = this;
    LogicFlow.use(Control);
    LogicFlow.use(Menu);
    LogicFlow.use(DndPanel);
    LogicFlow.use(SelectionSelect);

    const lf = new LogicFlow({
      container: this.$refs.container,
      grid: false,
      background: {
        backgroundColor: "#f0f2f5",
        backgroundSize: "100% 100%",
      }
    })

    that.lf = lf;
    // ******** 注册自定义节点 ********
    RegisterCustomElement(lf);

    lf.extension.dndPanel.setPatternItems([
      {
        label: '选区',
        icon: '',
        callback: () => {
          lf.extension.selectionSelect.openSelectionSelect();
          lf.once('selection:selected', () => {
            lf.extension.selectionSelect.closeSelectionSelect();
          });
        }
      },
      
      {
        type: 'ProgressNode',
        text: '',
        label: '前置机',
        icon: 'data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzI3MTAwMjM3MDc4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEyNTIiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNNTA4LjIxMTIgNTE2LjYwOG0tNDUwLjgxNiAwYTQ1MC44MTYgNDUwLjgxNiAwIDEgMCA5MDEuNjMyIDAgNDUwLjgxNiA0NTAuODE2IDAgMSAwLTkwMS42MzIgMFoiIGZpbGw9IiM1OUFERjgiIHAtaWQ9IjEyNTMiPjwvcGF0aD48cGF0aCBkPSJNNzQ4LjU0NCA2NDQuMDQ0OGw1NS4yOTYgNTQuOTg4OGMtNi4yOTc2IDUuODM2OC04OS4zNDQgODkuODA0OC0xMjUuOTAwOCAxMjYuNzcxMi0yMS4zNTA0IDIxLjYwNjQtNTAuMDIyNCAyNS42LTc3LjUxNjggMzIuNDYwOC04LjY1MjggMi4wOTkyLTEyLjA4MzItNC4zNTItMTAuMjQtMTEuOTI5NiA3LjA2NTYtMjkuNDkxMiAxMy40NjU2LTU4LjU3MjggMzcuNDc4NC04MS4zMDU2IDQxLjUyMzItMzkuMTY4IDgwLjc0MjQtODAuNTM3NiAxMjAuODgzMi0xMjAuOTg1NnpNNjMzLjYgMTk0LjI1MjhjMTAuMjQgNC4xOTg0IDE5LjA5NzYgNS42ODMyIDI0Ljk4NTYgMTAuODAzMiAyOS42OTYgMjUuNiA1OS4yMzg0IDUxLjc2MzIgODcuMDQgNzkuMzYgNy40MjQgNy4yNzA0IDguOTYgMjAuNDggMTQuNDg5NiAzNC4wOTkyLTM2Ljk2NjQgMC02OC44MTI4IDAuNTEyLTEwMC41NTY4LTAuNDYwOGEyMS44MTEyIDIxLjgxMTIgMCAwIDEtMTUuMzYtOS45ODQgNzAuMDQxNiA3MC4wNDE2IDAgMCAxLTEwLjI0LTI5LjA4MTZjLTEuMjgtMjYuODI4OC0wLjM1ODQtNTMuNzA4OC0wLjM1ODQtODQuNzM2ek04MjkuNDQgNjc1Ljg0bC01My43MDg4LTU2LjMyYzYuNzA3Mi02Ljc1ODQgMTkuOTE2OC0yMi4zMjMyIDM1Ljg0LTE4LjUzNDQgMjAuMjI0IDQuNzEwNCAzMS4xODA4IDE4Ljk0NCAzNy4yMjI0IDM3LjMyNDhTODM5LjY4IDY2Ni4zNjggODI5LjQ0IDY3NS44NHoiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjEyNTQiPjwvcGF0aD48cGF0aCBkPSJNNzU2LjA3MDQgMzc3LjE5MDRjMC00LjgxMjgtMC41MTItOS42MjU2LTAuODE5Mi0xNS42NjcyLTMwLjcyIDAtNjAuODI1Ni0wLjM1ODQtOTAuNzI2NCAwLTMxLjMzNDQgMC40NjA4LTUyLjgzODQtMTQuNjQzMi02NC4yMDQ4LTQyLjQ0NDhhMTQ2Ljg0MTYgMTQ2Ljg0MTYgMCAwIDEtOS4xNjQ4LTQ2LjQzODRjLTEuNDMzNi0yNC43ODA4LTAuMzU4NC00OS43MTUyLTAuMzU4NC03Ni4wODMyLTg1Ljk2NDggMC0xODQuODMyLTAuMzU4NC0yNjguMjM2OCAwLjQwOTZhNTkuNzUwNCA1OS43NTA0IDAgMCAwLTI5LjM4ODggOS40NzJjLTMwLjQ2NCAxOS4wOTc2LTQ2LjU0MDggNDYuNTkyLTQ2LjQzODQgODMuNTA3MiAwLjMwNzIgMTQzLjM2IDEuNDg0OCAyODYuNzItMC42NjU2IDQzMC4wOC0wLjY2NTYgNDQuMzkwNCA0Mi44NTQ0IDkyLjE2IDg4LjYyNzIgOTUuODQ2NGgwLjMwNzJjMi43MTM2IDAgMTQ5LjE0NTYgMS4zODI0IDE0OS4xNDU2IDEuMzgyNCA1MC43OTA0IDAgNjkuNDc4NC0yNC4yNjg4IDczLjY3NjgtMjguNTE4NCAxLjI4LTEuMzMxMiAxMC4yNC0xMS4zMTUyIDIyLjY4MTYtMjQuNTI0OGw3MC40NTEyLTc0LjU5ODRhNzYuOCA3Ni44IDAgMCAxLTEzLjg3NTIgMC45MjE2SDM2OS4xNTJhMzguNjA0OCAzOC42MDQ4IDAgMCAxLTM2Ljc2MTYtMjMuOTEwNGMtMTMuMTU4NC0yOC4zMTM2IDcuMjE5Mi01OC45ODI0IDM5LjY4LTU5LjA4NDggNzcuNDY1Ni0wLjMwNzIgMTcwLjI5MTIgMCAyNDcuODA4IDAgMTUuODcyIDAgMzEuMDc4NCAwLjU2MzIgNDIuODU0NCAxMy4xMDcyYTQ4LjY5MTIgNDguNjkxMiAwIDAgMSA5LjUyMzIgNDYuNTQwOGw3My43MjgtNzguMTMxMmEzNi4xNDcyIDM2LjE0NzIgMCAwIDAgOS42NzY4LTIzLjA5MTJjMC43NjgtNjIuODczNiAwLjQ2MDgtMTI1LjY0NDggMC40MDk2LTE4OC43NzQ0eiBtLTEyOS4yMjg4IDE0OS4xOTY4aC0yNTEuOTA0Yy0yOC42NzIgMC00Ni4wOC0xNi4wNzY4LTQ2LjA4LTQxLjYyNTZzMTcuOTItNDEuNzc5MiA0Ni4wOC00MS44MzA0aDI1MS45MDRjMjguMjYyNCAwIDQ3Ljg3MiAxOC4xMjQ4IDQ3LjM2IDQyLjcwMDhzLTE4Ljg0MTYgNDAuNjUyOC00Ny4zNiA0MC43NTUyeiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iMTI1NSI+PC9wYXRoPjwvc3ZnPg==',
      },
      {
        type: 'TieYuan',
        text: '',
        label: '贴源库',
        icon:'data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzI3MTAwMjM3MDc4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEyNTIiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNNTA4LjIxMTIgNTE2LjYwOG0tNDUwLjgxNiAwYTQ1MC44MTYgNDUwLjgxNiAwIDEgMCA5MDEuNjMyIDAgNDUwLjgxNiA0NTAuODE2IDAgMSAwLTkwMS42MzIgMFoiIGZpbGw9IiM1OUFERjgiIHAtaWQ9IjEyNTMiPjwvcGF0aD48cGF0aCBkPSJNNzQ4LjU0NCA2NDQuMDQ0OGw1NS4yOTYgNTQuOTg4OGMtNi4yOTc2IDUuODM2OC04OS4zNDQgODkuODA0OC0xMjUuOTAwOCAxMjYuNzcxMi0yMS4zNTA0IDIxLjYwNjQtNTAuMDIyNCAyNS42LTc3LjUxNjggMzIuNDYwOC04LjY1MjggMi4wOTkyLTEyLjA4MzItNC4zNTItMTAuMjQtMTEuOTI5NiA3LjA2NTYtMjkuNDkxMiAxMy40NjU2LTU4LjU3MjggMzcuNDc4NC04MS4zMDU2IDQxLjUyMzItMzkuMTY4IDgwLjc0MjQtODAuNTM3NiAxMjAuODgzMi0xMjAuOTg1NnpNNjMzLjYgMTk0LjI1MjhjMTAuMjQgNC4xOTg0IDE5LjA5NzYgNS42ODMyIDI0Ljk4NTYgMTAuODAzMiAyOS42OTYgMjUuNiA1OS4yMzg0IDUxLjc2MzIgODcuMDQgNzkuMzYgNy40MjQgNy4yNzA0IDguOTYgMjAuNDggMTQuNDg5NiAzNC4wOTkyLTM2Ljk2NjQgMC02OC44MTI4IDAuNTEyLTEwMC41NTY4LTAuNDYwOGEyMS44MTEyIDIxLjgxMTIgMCAwIDEtMTUuMzYtOS45ODQgNzAuMDQxNiA3MC4wNDE2IDAgMCAxLTEwLjI0LTI5LjA4MTZjLTEuMjgtMjYuODI4OC0wLjM1ODQtNTMuNzA4OC0wLjM1ODQtODQuNzM2ek04MjkuNDQgNjc1Ljg0bC01My43MDg4LTU2LjMyYzYuNzA3Mi02Ljc1ODQgMTkuOTE2OC0yMi4zMjMyIDM1Ljg0LTE4LjUzNDQgMjAuMjI0IDQuNzEwNCAzMS4xODA4IDE4Ljk0NCAzNy4yMjI0IDM3LjMyNDhTODM5LjY4IDY2Ni4zNjggODI5LjQ0IDY3NS44NHoiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjEyNTQiPjwvcGF0aD48cGF0aCBkPSJNNzU2LjA3MDQgMzc3LjE5MDRjMC00LjgxMjgtMC41MTItOS42MjU2LTAuODE5Mi0xNS42NjcyLTMwLjcyIDAtNjAuODI1Ni0wLjM1ODQtOTAuNzI2NCAwLTMxLjMzNDQgMC40NjA4LTUyLjgzODQtMTQuNjQzMi02NC4yMDQ4LTQyLjQ0NDhhMTQ2Ljg0MTYgMTQ2Ljg0MTYgMCAwIDEtOS4xNjQ4LTQ2LjQzODRjLTEuNDMzNi0yNC43ODA4LTAuMzU4NC00OS43MTUyLTAuMzU4NC03Ni4wODMyLTg1Ljk2NDggMC0xODQuODMyLTAuMzU4NC0yNjguMjM2OCAwLjQwOTZhNTkuNzUwNCA1OS43NTA0IDAgMCAwLTI5LjM4ODggOS40NzJjLTMwLjQ2NCAxOS4wOTc2LTQ2LjU0MDggNDYuNTkyLTQ2LjQzODQgODMuNTA3MiAwLjMwNzIgMTQzLjM2IDEuNDg0OCAyODYuNzItMC42NjU2IDQzMC4wOC0wLjY2NTYgNDQuMzkwNCA0Mi44NTQ0IDkyLjE2IDg4LjYyNzIgOTUuODQ2NGgwLjMwNzJjMi43MTM2IDAgMTQ5LjE0NTYgMS4zODI0IDE0OS4xNDU2IDEuMzgyNCA1MC43OTA0IDAgNjkuNDc4NC0yNC4yNjg4IDczLjY3NjgtMjguNTE4NCAxLjI4LTEuMzMxMiAxMC4yNC0xMS4zMTUyIDIyLjY4MTYtMjQuNTI0OGw3MC40NTEyLTc0LjU5ODRhNzYuOCA3Ni44IDAgMCAxLTEzLjg3NTIgMC45MjE2SDM2OS4xNTJhMzguNjA0OCAzOC42MDQ4IDAgMCAxLTM2Ljc2MTYtMjMuOTEwNGMtMTMuMTU4NC0yOC4zMTM2IDcuMjE5Mi01OC45ODI0IDM5LjY4LTU5LjA4NDggNzcuNDY1Ni0wLjMwNzIgMTcwLjI5MTIgMCAyNDcuODA4IDAgMTUuODcyIDAgMzEuMDc4NCAwLjU2MzIgNDIuODU0NCAxMy4xMDcyYTQ4LjY5MTIgNDguNjkxMiAwIDAgMSA5LjUyMzIgNDYuNTQwOGw3My43MjgtNzguMTMxMmEzNi4xNDcyIDM2LjE0NzIgMCAwIDAgOS42NzY4LTIzLjA5MTJjMC43NjgtNjIuODczNiAwLjQ2MDgtMTI1LjY0NDggMC40MDk2LTE4OC43NzQ0eiBtLTEyOS4yMjg4IDE0OS4xOTY4aC0yNTEuOTA0Yy0yOC42NzIgMC00Ni4wOC0xNi4wNzY4LTQ2LjA4LTQxLjYyNTZzMTcuOTItNDEuNzc5MiA0Ni4wOC00MS44MzA0aDI1MS45MDRjMjguMjYyNCAwIDQ3Ljg3MiAxOC4xMjQ4IDQ3LjM2IDQyLjcwMDhzLTE4Ljg0MTYgNDAuNjUyOC00Ny4zNiA0MC43NTUyeiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iMTI1NSI+PC9wYXRoPjwvc3ZnPg=='
      }
      ,
      {
        type: 'BiaoNode',
        text: '',
        label: '标准库',
        icon:'data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzI3MTAwMjM3MDc4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEyNTIiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNNTA4LjIxMTIgNTE2LjYwOG0tNDUwLjgxNiAwYTQ1MC44MTYgNDUwLjgxNiAwIDEgMCA5MDEuNjMyIDAgNDUwLjgxNiA0NTAuODE2IDAgMSAwLTkwMS42MzIgMFoiIGZpbGw9IiM1OUFERjgiIHAtaWQ9IjEyNTMiPjwvcGF0aD48cGF0aCBkPSJNNzQ4LjU0NCA2NDQuMDQ0OGw1NS4yOTYgNTQuOTg4OGMtNi4yOTc2IDUuODM2OC04OS4zNDQgODkuODA0OC0xMjUuOTAwOCAxMjYuNzcxMi0yMS4zNTA0IDIxLjYwNjQtNTAuMDIyNCAyNS42LTc3LjUxNjggMzIuNDYwOC04LjY1MjggMi4wOTkyLTEyLjA4MzItNC4zNTItMTAuMjQtMTEuOTI5NiA3LjA2NTYtMjkuNDkxMiAxMy40NjU2LTU4LjU3MjggMzcuNDc4NC04MS4zMDU2IDQxLjUyMzItMzkuMTY4IDgwLjc0MjQtODAuNTM3NiAxMjAuODgzMi0xMjAuOTg1NnpNNjMzLjYgMTk0LjI1MjhjMTAuMjQgNC4xOTg0IDE5LjA5NzYgNS42ODMyIDI0Ljk4NTYgMTAuODAzMiAyOS42OTYgMjUuNiA1OS4yMzg0IDUxLjc2MzIgODcuMDQgNzkuMzYgNy40MjQgNy4yNzA0IDguOTYgMjAuNDggMTQuNDg5NiAzNC4wOTkyLTM2Ljk2NjQgMC02OC44MTI4IDAuNTEyLTEwMC41NTY4LTAuNDYwOGEyMS44MTEyIDIxLjgxMTIgMCAwIDEtMTUuMzYtOS45ODQgNzAuMDQxNiA3MC4wNDE2IDAgMCAxLTEwLjI0LTI5LjA4MTZjLTEuMjgtMjYuODI4OC0wLjM1ODQtNTMuNzA4OC0wLjM1ODQtODQuNzM2ek04MjkuNDQgNjc1Ljg0bC01My43MDg4LTU2LjMyYzYuNzA3Mi02Ljc1ODQgMTkuOTE2OC0yMi4zMjMyIDM1Ljg0LTE4LjUzNDQgMjAuMjI0IDQuNzEwNCAzMS4xODA4IDE4Ljk0NCAzNy4yMjI0IDM3LjMyNDhTODM5LjY4IDY2Ni4zNjggODI5LjQ0IDY3NS44NHoiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjEyNTQiPjwvcGF0aD48cGF0aCBkPSJNNzU2LjA3MDQgMzc3LjE5MDRjMC00LjgxMjgtMC41MTItOS42MjU2LTAuODE5Mi0xNS42NjcyLTMwLjcyIDAtNjAuODI1Ni0wLjM1ODQtOTAuNzI2NCAwLTMxLjMzNDQgMC40NjA4LTUyLjgzODQtMTQuNjQzMi02NC4yMDQ4LTQyLjQ0NDhhMTQ2Ljg0MTYgMTQ2Ljg0MTYgMCAwIDEtOS4xNjQ4LTQ2LjQzODRjLTEuNDMzNi0yNC43ODA4LTAuMzU4NC00OS43MTUyLTAuMzU4NC03Ni4wODMyLTg1Ljk2NDggMC0xODQuODMyLTAuMzU4NC0yNjguMjM2OCAwLjQwOTZhNTkuNzUwNCA1OS43NTA0IDAgMCAwLTI5LjM4ODggOS40NzJjLTMwLjQ2NCAxOS4wOTc2LTQ2LjU0MDggNDYuNTkyLTQ2LjQzODQgODMuNTA3MiAwLjMwNzIgMTQzLjM2IDEuNDg0OCAyODYuNzItMC42NjU2IDQzMC4wOC0wLjY2NTYgNDQuMzkwNCA0Mi44NTQ0IDkyLjE2IDg4LjYyNzIgOTUuODQ2NGgwLjMwNzJjMi43MTM2IDAgMTQ5LjE0NTYgMS4zODI0IDE0OS4xNDU2IDEuMzgyNCA1MC43OTA0IDAgNjkuNDc4NC0yNC4yNjg4IDczLjY3NjgtMjguNTE4NCAxLjI4LTEuMzMxMiAxMC4yNC0xMS4zMTUyIDIyLjY4MTYtMjQuNTI0OGw3MC40NTEyLTc0LjU5ODRhNzYuOCA3Ni44IDAgMCAxLTEzLjg3NTIgMC45MjE2SDM2OS4xNTJhMzguNjA0OCAzOC42MDQ4IDAgMCAxLTM2Ljc2MTYtMjMuOTEwNGMtMTMuMTU4NC0yOC4zMTM2IDcuMjE5Mi01OC45ODI0IDM5LjY4LTU5LjA4NDggNzcuNDY1Ni0wLjMwNzIgMTcwLjI5MTIgMCAyNDcuODA4IDAgMTUuODcyIDAgMzEuMDc4NCAwLjU2MzIgNDIuODU0NCAxMy4xMDcyYTQ4LjY5MTIgNDguNjkxMiAwIDAgMSA5LjUyMzIgNDYuNTQwOGw3My43MjgtNzguMTMxMmEzNi4xNDcyIDM2LjE0NzIgMCAwIDAgOS42NzY4LTIzLjA5MTJjMC43NjgtNjIuODczNiAwLjQ2MDgtMTI1LjY0NDggMC40MDk2LTE4OC43NzQ0eiBtLTEyOS4yMjg4IDE0OS4xOTY4aC0yNTEuOTA0Yy0yOC42NzIgMC00Ni4wOC0xNi4wNzY4LTQ2LjA4LTQxLjYyNTZzMTcuOTItNDEuNzc5MiA0Ni4wOC00MS44MzA0aDI1MS45MDRjMjguMjYyNCAwIDQ3Ljg3MiAxOC4xMjQ4IDQ3LjM2IDQyLjcwMDhzLTE4Ljg0MTYgNDAuNjUyOC00Ny4zNiA0MC43NTUyeiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iMTI1NSI+PC9wYXRoPjwvc3ZnPg=='
      }
      ,
      {
        type: 'ZhuNode',
        text: '',
        label: '主题库',
        icon:'data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzI3MTAwMjM3MDc4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEyNTIiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNNTA4LjIxMTIgNTE2LjYwOG0tNDUwLjgxNiAwYTQ1MC44MTYgNDUwLjgxNiAwIDEgMCA5MDEuNjMyIDAgNDUwLjgxNiA0NTAuODE2IDAgMSAwLTkwMS42MzIgMFoiIGZpbGw9IiM1OUFERjgiIHAtaWQ9IjEyNTMiPjwvcGF0aD48cGF0aCBkPSJNNzQ4LjU0NCA2NDQuMDQ0OGw1NS4yOTYgNTQuOTg4OGMtNi4yOTc2IDUuODM2OC04OS4zNDQgODkuODA0OC0xMjUuOTAwOCAxMjYuNzcxMi0yMS4zNTA0IDIxLjYwNjQtNTAuMDIyNCAyNS42LTc3LjUxNjggMzIuNDYwOC04LjY1MjggMi4wOTkyLTEyLjA4MzItNC4zNTItMTAuMjQtMTEuOTI5NiA3LjA2NTYtMjkuNDkxMiAxMy40NjU2LTU4LjU3MjggMzcuNDc4NC04MS4zMDU2IDQxLjUyMzItMzkuMTY4IDgwLjc0MjQtODAuNTM3NiAxMjAuODgzMi0xMjAuOTg1NnpNNjMzLjYgMTk0LjI1MjhjMTAuMjQgNC4xOTg0IDE5LjA5NzYgNS42ODMyIDI0Ljk4NTYgMTAuODAzMiAyOS42OTYgMjUuNiA1OS4yMzg0IDUxLjc2MzIgODcuMDQgNzkuMzYgNy40MjQgNy4yNzA0IDguOTYgMjAuNDggMTQuNDg5NiAzNC4wOTkyLTM2Ljk2NjQgMC02OC44MTI4IDAuNTEyLTEwMC41NTY4LTAuNDYwOGEyMS44MTEyIDIxLjgxMTIgMCAwIDEtMTUuMzYtOS45ODQgNzAuMDQxNiA3MC4wNDE2IDAgMCAxLTEwLjI0LTI5LjA4MTZjLTEuMjgtMjYuODI4OC0wLjM1ODQtNTMuNzA4OC0wLjM1ODQtODQuNzM2ek04MjkuNDQgNjc1Ljg0bC01My43MDg4LTU2LjMyYzYuNzA3Mi02Ljc1ODQgMTkuOTE2OC0yMi4zMjMyIDM1Ljg0LTE4LjUzNDQgMjAuMjI0IDQuNzEwNCAzMS4xODA4IDE4Ljk0NCAzNy4yMjI0IDM3LjMyNDhTODM5LjY4IDY2Ni4zNjggODI5LjQ0IDY3NS44NHoiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjEyNTQiPjwvcGF0aD48cGF0aCBkPSJNNzU2LjA3MDQgMzc3LjE5MDRjMC00LjgxMjgtMC41MTItOS42MjU2LTAuODE5Mi0xNS42NjcyLTMwLjcyIDAtNjAuODI1Ni0wLjM1ODQtOTAuNzI2NCAwLTMxLjMzNDQgMC40NjA4LTUyLjgzODQtMTQuNjQzMi02NC4yMDQ4LTQyLjQ0NDhhMTQ2Ljg0MTYgMTQ2Ljg0MTYgMCAwIDEtOS4xNjQ4LTQ2LjQzODRjLTEuNDMzNi0yNC43ODA4LTAuMzU4NC00OS43MTUyLTAuMzU4NC03Ni4wODMyLTg1Ljk2NDggMC0xODQuODMyLTAuMzU4NC0yNjguMjM2OCAwLjQwOTZhNTkuNzUwNCA1OS43NTA0IDAgMCAwLTI5LjM4ODggOS40NzJjLTMwLjQ2NCAxOS4wOTc2LTQ2LjU0MDggNDYuNTkyLTQ2LjQzODQgODMuNTA3MiAwLjMwNzIgMTQzLjM2IDEuNDg0OCAyODYuNzItMC42NjU2IDQzMC4wOC0wLjY2NTYgNDQuMzkwNCA0Mi44NTQ0IDkyLjE2IDg4LjYyNzIgOTUuODQ2NGgwLjMwNzJjMi43MTM2IDAgMTQ5LjE0NTYgMS4zODI0IDE0OS4xNDU2IDEuMzgyNCA1MC43OTA0IDAgNjkuNDc4NC0yNC4yNjg4IDczLjY3NjgtMjguNTE4NCAxLjI4LTEuMzMxMiAxMC4yNC0xMS4zMTUyIDIyLjY4MTYtMjQuNTI0OGw3MC40NTEyLTc0LjU5ODRhNzYuOCA3Ni44IDAgMCAxLTEzLjg3NTIgMC45MjE2SDM2OS4xNTJhMzguNjA0OCAzOC42MDQ4IDAgMCAxLTM2Ljc2MTYtMjMuOTEwNGMtMTMuMTU4NC0yOC4zMTM2IDcuMjE5Mi01OC45ODI0IDM5LjY4LTU5LjA4NDggNzcuNDY1Ni0wLjMwNzIgMTcwLjI5MTIgMCAyNDcuODA4IDAgMTUuODcyIDAgMzEuMDc4NCAwLjU2MzIgNDIuODU0NCAxMy4xMDcyYTQ4LjY5MTIgNDguNjkxMiAwIDAgMSA5LjUyMzIgNDYuNTQwOGw3My43MjgtNzguMTMxMmEzNi4xNDcyIDM2LjE0NzIgMCAwIDAgOS42NzY4LTIzLjA5MTJjMC43NjgtNjIuODczNiAwLjQ2MDgtMTI1LjY0NDggMC40MDk2LTE4OC43NzQ0eiBtLTEyOS4yMjg4IDE0OS4xOTY4aC0yNTEuOTA0Yy0yOC42NzIgMC00Ni4wOC0xNi4wNzY4LTQ2LjA4LTQxLjYyNTZzMTcuOTItNDEuNzc5MiA0Ni4wOC00MS44MzA0aDI1MS45MDRjMjguMjYyNCAwIDQ3Ljg3MiAxOC4xMjQ4IDQ3LjM2IDQyLjcwMDhzLTE4Ljg0MTYgNDAuNjUyOC00Ny4zNiA0MC43NTUyeiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iMTI1NSI+PC9wYXRoPjwvc3ZnPg=='
      },
      {
        type: 'ZhuanNode',
        text: '',
        label: '专题库',
        icon:'data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzI3MTAwMjM3MDc4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEyNTIiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNNTA4LjIxMTIgNTE2LjYwOG0tNDUwLjgxNiAwYTQ1MC44MTYgNDUwLjgxNiAwIDEgMCA5MDEuNjMyIDAgNDUwLjgxNiA0NTAuODE2IDAgMSAwLTkwMS42MzIgMFoiIGZpbGw9IiM1OUFERjgiIHAtaWQ9IjEyNTMiPjwvcGF0aD48cGF0aCBkPSJNNzQ4LjU0NCA2NDQuMDQ0OGw1NS4yOTYgNTQuOTg4OGMtNi4yOTc2IDUuODM2OC04OS4zNDQgODkuODA0OC0xMjUuOTAwOCAxMjYuNzcxMi0yMS4zNTA0IDIxLjYwNjQtNTAuMDIyNCAyNS42LTc3LjUxNjggMzIuNDYwOC04LjY1MjggMi4wOTkyLTEyLjA4MzItNC4zNTItMTAuMjQtMTEuOTI5NiA3LjA2NTYtMjkuNDkxMiAxMy40NjU2LTU4LjU3MjggMzcuNDc4NC04MS4zMDU2IDQxLjUyMzItMzkuMTY4IDgwLjc0MjQtODAuNTM3NiAxMjAuODgzMi0xMjAuOTg1NnpNNjMzLjYgMTk0LjI1MjhjMTAuMjQgNC4xOTg0IDE5LjA5NzYgNS42ODMyIDI0Ljk4NTYgMTAuODAzMiAyOS42OTYgMjUuNiA1OS4yMzg0IDUxLjc2MzIgODcuMDQgNzkuMzYgNy40MjQgNy4yNzA0IDguOTYgMjAuNDggMTQuNDg5NiAzNC4wOTkyLTM2Ljk2NjQgMC02OC44MTI4IDAuNTEyLTEwMC41NTY4LTAuNDYwOGEyMS44MTEyIDIxLjgxMTIgMCAwIDEtMTUuMzYtOS45ODQgNzAuMDQxNiA3MC4wNDE2IDAgMCAxLTEwLjI0LTI5LjA4MTZjLTEuMjgtMjYuODI4OC0wLjM1ODQtNTMuNzA4OC0wLjM1ODQtODQuNzM2ek04MjkuNDQgNjc1Ljg0bC01My43MDg4LTU2LjMyYzYuNzA3Mi02Ljc1ODQgMTkuOTE2OC0yMi4zMjMyIDM1Ljg0LTE4LjUzNDQgMjAuMjI0IDQuNzEwNCAzMS4xODA4IDE4Ljk0NCAzNy4yMjI0IDM3LjMyNDhTODM5LjY4IDY2Ni4zNjggODI5LjQ0IDY3NS44NHoiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjEyNTQiPjwvcGF0aD48cGF0aCBkPSJNNzU2LjA3MDQgMzc3LjE5MDRjMC00LjgxMjgtMC41MTItOS42MjU2LTAuODE5Mi0xNS42NjcyLTMwLjcyIDAtNjAuODI1Ni0wLjM1ODQtOTAuNzI2NCAwLTMxLjMzNDQgMC40NjA4LTUyLjgzODQtMTQuNjQzMi02NC4yMDQ4LTQyLjQ0NDhhMTQ2Ljg0MTYgMTQ2Ljg0MTYgMCAwIDEtOS4xNjQ4LTQ2LjQzODRjLTEuNDMzNi0yNC43ODA4LTAuMzU4NC00OS43MTUyLTAuMzU4NC03Ni4wODMyLTg1Ljk2NDggMC0xODQuODMyLTAuMzU4NC0yNjguMjM2OCAwLjQwOTZhNTkuNzUwNCA1OS43NTA0IDAgMCAwLTI5LjM4ODggOS40NzJjLTMwLjQ2NCAxOS4wOTc2LTQ2LjU0MDggNDYuNTkyLTQ2LjQzODQgODMuNTA3MiAwLjMwNzIgMTQzLjM2IDEuNDg0OCAyODYuNzItMC42NjU2IDQzMC4wOC0wLjY2NTYgNDQuMzkwNCA0Mi44NTQ0IDkyLjE2IDg4LjYyNzIgOTUuODQ2NGgwLjMwNzJjMi43MTM2IDAgMTQ5LjE0NTYgMS4zODI0IDE0OS4xNDU2IDEuMzgyNCA1MC43OTA0IDAgNjkuNDc4NC0yNC4yNjg4IDczLjY3NjgtMjguNTE4NCAxLjI4LTEuMzMxMiAxMC4yNC0xMS4zMTUyIDIyLjY4MTYtMjQuNTI0OGw3MC40NTEyLTc0LjU5ODRhNzYuOCA3Ni44IDAgMCAxLTEzLjg3NTIgMC45MjE2SDM2OS4xNTJhMzguNjA0OCAzOC42MDQ4IDAgMCAxLTM2Ljc2MTYtMjMuOTEwNGMtMTMuMTU4NC0yOC4zMTM2IDcuMjE5Mi01OC45ODI0IDM5LjY4LTU5LjA4NDggNzcuNDY1Ni0wLjMwNzIgMTcwLjI5MTIgMCAyNDcuODA4IDAgMTUuODcyIDAgMzEuMDc4NCAwLjU2MzIgNDIuODU0NCAxMy4xMDcyYTQ4LjY5MTIgNDguNjkxMiAwIDAgMSA5LjUyMzIgNDYuNTQwOGw3My43MjgtNzguMTMxMmEzNi4xNDcyIDM2LjE0NzIgMCAwIDAgOS42NzY4LTIzLjA5MTJjMC43NjgtNjIuODczNiAwLjQ2MDgtMTI1LjY0NDggMC40MDk2LTE4OC43NzQ0eiBtLTEyOS4yMjg4IDE0OS4xOTY4aC0yNTEuOTA0Yy0yOC42NzIgMC00Ni4wOC0xNi4wNzY4LTQ2LjA4LTQxLjYyNTZzMTcuOTItNDEuNzc5MiA0Ni4wOC00MS44MzA0aDI1MS45MDRjMjguMjYyNCAwIDQ3Ljg3MiAxOC4xMjQ4IDQ3LjM2IDQyLjcwMDhzLTE4Ljg0MTYgNDAuNjUyOC00Ny4zNiA0MC43NTUyeiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iMTI1NSI+PC9wYXRoPjwvc3ZnPg==',
      }
    ]);
    lf.render(dataList);
  },
}
</script>

<style scoped>
.container {
  width: 100%;
  height: calc(100vh - 50px);
}
</style>
